// Jetpack Cloud color scheme for Calypso
.is-group-jetpack-cloud.is-section-jetpack-cloud {
	/* Theme Properties */
	--color-primary: var( --studio-jetpack-green );
	--color-primary-0: var( --studio-jetpack-green-0 );
	--color-primary-5: var( --studio-jetpack-green-5 );
	--color-primary-10: var( --studio-jetpack-green-10 );
	--color-primary-20: var( --studio-jetpack-green-20 );
	--color-primary-30: var( --studio-jetpack-green-30 );
	--color-primary-40: var( --studio-jetpack-green-40 );
	--color-primary-50: var( --studio-jetpack-green-50 );
	--color-primary-60: var( --studio-jetpack-green-60 );
	--color-primary-70: var( --studio-jetpack-green-70 );
	--color-primary-80: var( --studio-jetpack-green-80 );
	--color-primary-90: var( --studio-jetpack-green-90 );
	--color-primary-100: var( --studio-jetpack-green-100 );

	--color-link: var( --studio-jetpack-green-40 );
	--color-link-rgb: var( --studio-jetpack-green-40-rgb );
	--color-link-dark: var( --studio-jetpack-green-60 );
	--color-link-dark-rgb: var( --studio-jetpack-green-60-rgb );
	--color-link-light: var( --studio-jetpack-green-20 );
	--color-link-light-rgb: var( --studio-jetpack-green-20-rgb );
	--color-link-0: var( --studio-jetpack-green-0 );
	--color-link-0-rgb: var( --studio-jetpack-green-0-rgb );
	--color-link-5: var( --studio-jetpack-green-5 );
	--color-link-5-rgb: var( --studio-jetpack-green-5-rgb );
	--color-link-10: var( --studio-jetpack-green-10 );
	--color-link-10-rgb: var( --studio-jetpack-green-10-rgb );
	--color-link-20: var( --studio-jetpack-green-20 );
	--color-link-20-rgb: var( --studio-jetpack-green-20-rgb );
	--color-link-30: var( --studio-jetpack-green-30 );
	--color-link-30-rgb: var( --studio-jetpack-green-30-rgb );
	--color-link-40: var( --studio-jetpack-green-40 );
	--color-link-40-rgb: var( --studio-jetpack-green-40-rgb );
	--color-link-50: var( --studio-jetpack-green-50 );
	--color-link-50-rgb: var( --studio-jetpack-green-50-rgb );
	--color-link-60: var( --studio-jetpack-green-60 );
	--color-link-60-rgb: var( --studio-jetpack-green-60-rgb );
	--color-link-70: var( --studio-jetpack-green-70 );
	--color-link-70-rgb: var( --studio-jetpack-green-70-rgb );
	--color-link-80: var( --studio-jetpack-green-80 );
	--color-link-80-rgb: var( --studio-jetpack-green-80-rgb );
	--color-link-90: var( --studio-jetpack-green-90 );
	--color-link-90-rgb: var( --studio-jetpack-green-90-rgb );
	--color-link-100: var( --studio-jetpack-green-100 );
	--color-link-100-rgb: var( --studio-jetpack-green-100-rgb );

	--color-surface: var( --studio-white );
	--color-surface-rgb: var( --studio-white-rgb );
	--color-surface-backdrop: var( --studio-white );
	--color-surface-backdrop-rgb: var( --studio-white-rgb );

	--color-text: var( --studio-gray-80 );
	--color-text-rgb: var( --studio-gray-80-rgb );
	--color-text-subtle: var( --studio-gray-60 );
	--color-text-subtle-rgb: var( --studio-gray-60-rgb );
	--color-text-inverted: var( --studio-white );
	--color-text-inverted-rgb: var( --studio-white-rgb );

	/* Component Properties */
	--color-masterbar-background: var( --studio-gray-80 );
	--color-masterbar-border: var( --studio-gray-60 );
	--color-masterbar-text: var( --studio-white );
	--color-masterbar-item-hover-background: var( --studio-gray-60 );
	--color-masterbar-item-active-background: var( --studio-gray-40 );

	--color-sidebar-background: var( --studio-gray-0 );
	--color-sidebar-background-rgb: var( --studio-gray-0-rgb );
	--color-sidebar-border: var( --studio-gray-5 );
	--color-sidebar-text: var( --studio-gray-60 );
	--color-sidebar-text-alternative: var( --studio-gray-70 );
	--color-sidebar-gridicon-fill: var( --studio-gray-60 );
	--color-sidebar-menu-selected-background: var( --studio-jetpack-green-10 );
	--color-sidebar-menu-selected-background-rgb: var( --studio-jetpack-green-10-rgb );
	--color-sidebar-menu-selected-text: var( --studio-jetpack-green-50 );
	--color-sidebar-menu-hover-background: var( --studio-gray-5 );
	--color-sidebar-menu-hover-background-rgb: var( --studio-gray-5-rgb );
	--color-sidebar-menu-hover-text: var( --studio-gray-70 );

	--color-threat-found: var( --studio-red-50 );
	--color-threat-fixed: var( --studio-jetpack-green-40 );
	--color-threat-ignored: var( --studio-gray-50 );
}
